*{margin: 0;padding: 0;  }
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: #1AA195;}
.layui-nav .layui-nav-more{
    display: none;
}
body{background-image:url('/static/blog/images/bg.jpg');  color: #666;}
a:hover{ color:#1AA195; }
.layui-elem-quote{
    padding: 10px 20px;  background-color: #eee;
    margin-top: 10px;
}

/*流加载样式*/
.layui-flow-more a cite {
    background-color: #1AA195;
    color: #fff;
}
.layui-flow-more {
    color: #1AA195;
}
/*网站通知栏*/
.shadow {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    border-radius: 10px;
}
.home-tips {
    margin-top: 20px;
    padding: 10px 10px;
    background: #fff;
    font-size: 13px;
    margin-bottom: 5px;
}
.qf_blog_index_carousel > .home-tips {
        padding: 10px 10px;
        background: #fff;
        font-size: 13px;
        margin-bottom: 15px;
}

.qf_blog_index_carousel > .home-tips > i {
    color: #009688;
    font-size: 15px;
}

.qf_blog_index_carousel > .home-tips > .home-tips-container {
    margin-left: 20px;
    height: 17px;
    overflow: hidden;
}

.qf_blog_index_carousel > .home-tips > .home-tips-container > span {
    display: block;
}

.qf_blog_index_carousel > .blog-main-left {
    width: 100%;
    float: left;
}

.qf_blog_index_carousel > .blog-main-right {
    width: 100%;
    float: right;
}
/**
引入图标
 */

@font-face {font-family: "iconfont";
    src: url('./../font/iconfont.eot?t=1477416582'); /* IE9*/
    src: url('./../font/iconfont.eot?t=1477416582#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./../font/iconfont.woff?t=1477416582') format('woff'), /* chrome, firefox */
    url('./../font/iconfont.ttf?t=1477416582') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('./../font/iconfont.svg?t=1477416582#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-zan:before { content: "\e612"; }
.icon-jiazaizhong:before { content: "\e60e"; }
.icon-sousuo:before { content: "\e621"; }
.icon-quanpingpad:before { content: "\e61d"; }
.icon-shezhi:before { content: "\e607"; }
.icon-shijian:before { content: "\e60a"; }
.icon-guanbi:before { content: "\e614"; }
.icon-tianjia:before { content: "\e616"; }
.icon-tuichu:before { content: "\e601"; }
.icon-shui:before { content: "\e602"; }
.icon-qq:before { content: "\e618"; }
.icon-weibo:before { content: "\e617"; }
.icon-tupian:before { content: "\e608"; }
.icon-logo:before { content: "\e603"; }
.icon-daima:before { content: "\e609"; }
.icon-biaoqing:before { content: "\e60f"; }
.icon-nan:before { content: "\e619"; }
.icon-nv:before { content: "\e61a"; }
.icon-quitquanping:before { content: "\e61e"; }
.icon-zuichun:before { content: "\e61c"; }
.icon-charushuipingxian:before { content: "\e622"; }
.icon-yulan:before { content: "\e60d"; }
.icon-liulanyanjing:before { content: "\e60b"; }
.icon-touxiang:before { content: "\e604"; }
.icon-caina:before { content: "\e613"; }
.icon-room:before { content: "\e615"; }
.icon-svgmoban53:before { content: "\e610"; }
.icon-shichang:before { content: "\e600"; }
.icon-shouye:before { content: "\e605"; }
.icon-tishilian:before { content: "\e629"; }
.icon-fabu:before { content: "\e606"; }
.icon-pinglun:before { content: "\e60c"; }
.icon-zan1:before { content: "\e611"; }
.icon-chengshi:before { content: "\e61b"; }
.icon-lianjie:before { content: "\e620"; }
.icon-renshu:before { content: "\e61f"; }
.icon-huizongzuoyoutuodong:before { content: "\e623"; }
.icon-404:before { content: "\e627"; }
.icon-wenda:before { content: "\e626"; }
.icon-top:before { content: "\e624"; }
.icon-ui:before { content: "\e625"; }


/*适应普通中等分辨率电脑*/
@media screen and (min-width: 1200px)
{
/*公共部分样式*/
body{  font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
    .layui-container{padding: 0 5px;}

/*博客头部样式*/
.qf_blog_header{background-color: #393D49; border-bottom: 1px solid #404553; position: fixed; width: 100%; top: 0; z-index: 999;}
.qf_blog_nav_logo{text-align: center;}
.qf_blog_nav_logo a{ display: inline-block; height: 60px;}
.qf_blog_nav ul li.layui-nav-item{margin: 0 15px;}
.qf_blog_nav_right{height: 60px;}
.qf_blog_nav_right a.login{padding: 0 15px; display: inline-block; line-height: 60px;  color: #999;}
.qf_blog_nav_right a.nickname{
    width: 60px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0 5px;
    text-align: center;
}
.qf_blog_nav_right a:hover{color: #fff; -webkit-transition: all .3s;transition: all .3s}
.qf_blog_nav_right img{height: 40px;  border-radius: 40px; vertical-align: middle; margin-top:10px; display: inline-block; }
.qf_blog_nav_right ul.qf_blog_my_info{
  margin: 0;padding: 0; width: 70px; top: -50px; left: 50px;
}
.qf_blog_nav_search{text-align: center; line-height: 60px; color: #999; display: inline;}
.qf_blog_nav_search:hover{cursor: pointer;}
.qf_blog_nav_search_show{position: absolute;top: 13px;right: 85px;
     transition: all 0.5s;
     -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}


/*博客右边共用样式*/
/*标签*/
.qf_blog_content_right_tag{margin: 10px 10px;background-color: #fff; padding: 0 5px; border-radius:10px}
.qf_blog_content_right_tag h2{
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_tag a{
    display: inline-block;
    margin: 5px 5px;
}
.qf_blog_content_right_tag a span{
    padding: 3px 6px;
}
/*归档*/
.qf_blog_content_right_file{margin: 5px 10px;background-color: #fff;border-radius:10px}
.qf_blog_content_right_file h2{
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_file ol li{padding: 5px 20px; font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_file ol li a{
    color: #666;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.qf_blog_content_right_file ol li a:hover{
    color: #1AA195;
}
/*热门文章*/
.qf_blog_content_right_hot_article{margin: 5px 10px;background-color: #fff;border-radius:10px}
.qf_blog_content_right_hot_article h2{
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_hot_article ol li{padding: 5px 20px; font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_hot_article ol li a{
    color: #666;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.qf_blog_content_right_hot_article ol li a:hover{
    color: #1AA195;
}
/*友情链接*/
.qf_blog_content_right_link{margin: 5px 10px;background-color: #fff;border-radius:10px}
.qf_blog_content_right_link h2{
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_link ol li{padding: 5px 20px; font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_link ol li a{
    color: #666;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.qf_blog_content_right_link ol li a:hover{
    color: #1AA195;
}
/*网站统计*/
.qf_blog_content_right_count{margin: 5px 10px;background-color: #fff;border-radius:10px}
.qf_blog_content_right_count h2{
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_count ul li{padding: 5px 15px; font-size: 14px;
    color: #1AA195; }
/*//关于我*/
.blog-container {
    margin: 0 80px;
    position: relative;
}

.blog-main {
    margin-top: 15px;
    width: 100%;
    position: relative;
}

/*网站底部统一样式*/
.blog-footer {
    text-align: center;
    border-top: 1px solid #009688;
    margin-top: 30px;
    padding: 20px 0;
}
.blog-footer a:hover {
    color: #d2d2d2;
}

.blog-footer > p {
    margin: 10px 0;
}

.blog-footer > p a,
.blog-footer > p span {
    padding-left: 7px;
}

/*博客首页样式*/
/*轮播*/
.qf_blog_index_carousel{
    position: relative;
    margin-top: 61px;
}
.qf_blog_index_carousel_left img{
   width: 100%;
}
.qf_blog_index_carousel_left{ height: 300px;width:100%}
.qf_blog_index_carousel_right_my{margin: 5px;background-color: #fff; border-radius:10px;}
.qf_blog_index_carousel_right_my h2{
    text-align: center;
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_index_carousel_right_my h2.subscribe{  border-bottom: none;  border-top: 1px solid #eee;  }
.qf_blog_index_carousel_right_my ul li{padding: 5px 20px; }
.qf_blog_index_carousel_right_my ul li a{  cursor: pointer;  font-size: 14px; margin: 0 5px;}


.qf_blog_wx{
    display: inline-block;
}
.qf_blog_wx_code  {
    position: absolute;top: 50px;right:80px;
}
/*文章简介*/
.blog_list .blog_pic{padding:10px; border-bottom: 1px solid #eee;
    margin: 10px 0; background-color: #fff;   border-left: 2px solid #fff;}
.blog_list .blog_pic:hover{
    background-color:#FCFCFC;
    border-left: 2px solid #1AA195;
    -webkit-transition: all .5s;transition: all .5s;}
.blog_list .blog_pic .reprint{
    background-color: #FF5722;
    font-size: 12px;
    position: relative;
    top: -1px;
}
.blog_list .blog_pic .title{font-size: 16px; display: inline-block; margin-left: 10px;}

.blog_list .blog_pic .title a:hover{color:#1AA195 ;-webkit-transition: all .5s;transition: all .5s;}
.blog_list .blog_pic .desc{
    text-indent: 2em;
    padding: 10px;
    line-height: 25px;
    max-height: none;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.blog_list .blog_pic .data{
    margin-top: 10px;
    padding:0 30px;
    text-align: right;
}
.blog_list .blog_pic .data span{margin: 0 10px;}
.qf_blog_index_page{text-align: center; margin: 5px 10px;}
/*详情页面样式*/
.qf_blog_detail_content{
    margin-top: 80px;
}
.qf_blog_detail_content_left{padding: 5px 10px;   background-color: #fff; border: 1px solid #eee; margin-top: 10px;}
.qf_blog_detail_content_left  h2{font-size: 16px; text-align: center; padding: 10px 20px; margin-bottom: 10px;}
.qf_blog_detail_content_left .tag{text-align: center; padding:  10px 15px; border: 1px solid #eee;}
.qf_blog_detail_content_left .tag span{
    padding: 5px 10px;
}
.qf_blog_detail_content_left>.content{
    margin-top: 20px;
    border-top: 1px solid #1AA195;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_detail_content_left .content p{
  /*  line-height: 30px;*/
}
.qf_blog_detail_content_left .other{
    padding: 5px 15px;
}
.qf_blog_detail_content_left .other  {
    margin-top: 10px;
    padding: 5px 0;
}
.qf_blog_detail_content_left .other div.prev, .qf_blog_detail_content_left .other div.next{
    padding: 5px 5px;
}
.qf_blog_detail_content_left .explain{
    text-align: center;
    padding: 20px 30px;
}
.qf_blog_detail_content_left>.article_common{
    margin-top: 10px;
}
.qf_blog_detail_content_left>.article_common>.article_common_submit{
    float: right;
    margin-top: 10px;
}


/*关于页面*/
.qf_blog_about_content{
    margin-top: 80px;
}
.qf_blog_about_content_left{padding: 5px 10px; margin-top: 10px;
    background-color: #fff; border: 1px solid #eee;
}
.qf_blog_about_content_left .about h2{
padding: 10px 15px;
border-bottom: 1px solid #1AA195;
font-size: 16px;
font-weight: bold;
}
.qf_blog_about_content_left .about .my_info p,.qf_blog_about_content_left .about .blog_info{
    line-height: 35px;
   text-indent: 1em;
}

/*微语页面样式*/
.qf_blog_said_content{
    margin-top: 80px;
}
.qf_blog_said_content_left{padding: 5px 10px; margin-top: 10px;
    background-color: #fff; border: 1px solid #eee;
}
.qf_blog_said_content_left .about h2{
    padding: 10px 15px;
    border-bottom: 1px solid #1AA195;
    font-size: 16px;
    font-weight: bold;
}
.qf_blog_said_content_left .about .my_info p,.qf_blog_about_content_left .about .blog_info{
    line-height: 35px;
    text-indent: 1em;
}
.qf_blog_said_index_h3_time{
    display: inline-block;
}
.qf_blog_said_index_zan{margin:  0 30px; display: inline-block; position: absolute; top: 1px; }
.qf_blog_said_index_zan i{font-size: 24px; margin: 0 5px; }
.qf_blog_said_index_zan i:hover{
    cursor: pointer;
    color: #FF5722;
}
.qf_blog_said_index_zan span{position: relative;
    top:-5px; right: 0;}



/*留言板页面样式*/
.qf_blog_message_content{
    margin-top: 80px;
}
.qf_blog_message_content_left{padding: 5px 10px;   background-color: #fff; border: 1px solid #eee; margin-top: 10px;}
.qf_blog_message_content_left .message .message_submit{
    margin: 10px 15px;
    float: right;
}
.message_list{
    clear: both;
margin: 0;
}
.message_list h2.mess_new{
font-size: 16px; font-weight: bold;
color: #000;
padding: 10px 15px;
text-align: left;
border-bottom: 1px solid #1AA195;
}


.message_parent{
    border-bottom: 1px solid #eee;
    margin:  5px 0;
}
.message_parent:hover{
    background-color: #FCFCFC;
}
.message_parent_left{
    text-align: center; padding: 5px 0;
}
.message_parent_left img{
    width: 40px;
    height: auto;
}
.message_parent_right{
    padding-left: 10px;
}
.message_parent_right div{
    margin: 5px 0;
}
.message_parent_right .top .name {
    font-size: 14px;
    font-weight: bold;
    color: #1AA195;
}
.message_parent_right .top .os {
    font-size: 12px;
    color: #1AA195;
}
.message_parent_right div.top .time{
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    color: red;
}
.message_parent_right .content {
    color: #0a0a0a;
    padding: 0 5px;
}
.message_parent_right .bottom span{
    font-size: 12px;
    margin-right: 20px;
    margin-left: 5px;
    color: #aaa;
}
.message_parent_right .bottom span:hover{
    color: #0a0a0a;
    cursor: pointer;
}



.message_children{
    border-bottom: 1px solid #eee;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 40px;
}
.message_children:hover{
    background-color: #FCFCFC;
}
.message_children_left{
    text-align: center; padding: 5px 0;
}
.message_children_left img{
    width: 40px;
    height: auto;
}
.message_children_right{
    padding-left: 10px;
}
.message_children_right div{
    margin: 5px 0;
}
.message_children_right .top .name {
    font-size: 14px;
    font-weight: bold;
    color: #1AA195;
}
.message_children_right .top .os {
    font-size: 12px;
    color: #1AA195;
}
.message_children_right div.top .time{
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    color: red;
}
.message_children_right .content {
    color: #0a0a0a;
    padding: 0 5px;
}
.message_children_right .bottom span{
    font-size: 12px;
    margin-right: 20px;
    margin-left: 5px;
    color: #aaa;
}
.message_children_right .bottom span:hover{
    color: #0a0a0a;
    cursor: pointer;
}




/*登陆页面*/
.qf_blog_login {
    margin-top: 100px;
}
.qf_blog_login .layui-form-item{ margin-left: 35%;}
.qf_blog_login_app{margin-top:30px;}
.qf_blog_login_app .iconfont{font-size:26px; padding: 0 5px;}
.qf_blog_login_app .icon-qq{color:#7CA9C9}
.qf_blog_login  .qf_blog_login_submit,.qf_blog_login  .qf_blog_login_app {margin-left: 0;}


/*注册页面*/
.qf_blog_reg {
    margin-top: 100px;
}
.qf_blog_reg .layui-form-item{ margin-left: 35%;}
.qf_blog_reg_app{margin-top:30px;}
.qf_blog_reg_app .iconfont{font-size:26px; padding: 0 5px;}
.qf_blog_reg_app .icon-qq{color:#7CA9C9}
.qf_blog_reg  .qf_blog_reg_submit,.qf_blog_reg  .qf_blog_reg_app {margin-left: 0;}

}



/*自适应手机*/
@media screen and (max-width: 480px){
/*公共部分*/
body{  font: 10px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
html{
    font-size: 10px;
}
.layui-container{padding: 0;}
.layui-breadcrumb a{
    font-size: 1.2rem;
}
.layui-fixbar {
    position: fixed;
    right: 15px;
    bottom: 65px;
    z-index: 9999;
}

/*博客头部*/
.qf_blog_header{background-color: #393D49; border-bottom: 1px solid #404553; position: fixed; width: 100%; top: 0; z-index: 999;}
.qf_blog_nav_search{display: none; }
.qf_blog_nav{padding: 0; position: fixed;
    top:50px;   z-index: 999; display: none; }
 .qf_blog_nav_logo{ display: inline-block; width: 100%; background-color: #393D49; padding: 0;}
 .qf_blog_nav_logo a {
     display: inline-block;
    margin-left: 1rem;
}
i.qf_blog_nav_more{  display: block; width: 25px; height: 25px; position: absolute; top: 15px;right: 10px;
    color: #fff; margin-right: 5px; font-size: 26px; padding: 5px 5px; border: 1px solid #1AA195; border-radius: 37px;}
.qf_blog_nav_right img{
    position: absolute;
    top:-4.4rem;right: 11rem;
    display: inline-block;
    width: 4rem;
    border-radius: 4rem;
}
.qf_blog_nav_right a.login{
    display: inline-block;
    position: absolute;
    top:-3.4rem;right: 7.5rem;
    color: #999;
    font-size: 1.4rem;
}
.qf_blog_nav_right ul.qf_blog_my_info{
    margin: 0;padding: 0;  background: none; position: absolute; width: 6rem; top: -4.5rem; right: 4.5rem;
}
.qf_blog_nav_right ul.qf_blog_my_info>li>a{
    padding: 0 5px;
    text-align: center;
}
.qf_blog_nav_right dl.layui-nav-child dd a{
    padding: 0;
}
.qf_blog_nav_right a:hover{
    color: #fff;
}
/*网站通告栏*/
.shadow {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    border-radius: 10px;
}
.home-tips {
    margin-top: 50px;
    padding: 10px 10px;
    background: #fff;
    font-size: 13px;
    margin-bottom: 5px;
}
.qf_blog_index_carousel > .home-tips {
        padding: 10px 10px;
        background: #fff;
        font-size: 13px;
        margin-bottom: 15px;
}

.qf_blog_index_carousel > .home-tips > i {
    color: #009688;
    font-size: 15px;
}

.qf_blog_index_carousel > .home-tips > .home-tips-container {
    margin-left: 20px;
    height: 17px;
    overflow: hidden;
}

.qf_blog_index_carousel > .home-tips > .home-tips-container > span {
    display: block;
}

.qf_blog_index_carousel > .blog-main-left {
    width: 100%;
    float: left;
}

.qf_blog_index_carousel > .blog-main-right {
    width: 100%;
    float: right;
}
/*博客右边共用样式*/
/*标签*/
.qf_blog_content_right_tag{margin: 5px ;background-color: #fff; padding: 0 5px;border-radius:10px;}
.qf_blog_content_right_tag h2{
    padding: 5px 10px;
    font-size: 1.6rem;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_tag a{
    display: inline-block;
    margin: .5rem;
}
.qf_blog_content_right_tag a span{
    padding: .5rem .6rem;
}
/*归档*/
.qf_blog_content_right_file{margin: .5rem;background-color: #fff; border-radius:10px}
.qf_blog_content_right_file h2{
    padding: .5rem 1rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_file ol li{padding: .8rem 1rem; font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_file ol li a{
    color: #666;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.qf_blog_content_right_file ol li a:hover{
    color: #1AA195;
}
/*热门文章*/
.qf_blog_content_right_hot_article{margin: .5rem;background-color: #fff; border-radius:10px}
.qf_blog_content_right_hot_article h2{
    padding: .5rem 1rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_hot_article ol li{padding: .5rem 1rem; font-size: 1.4rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_hot_article ol li a{
    color: #666;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;

}
.qf_blog_content_right_hot_article ol li a:hover{
    color: #1AA195;
}
/*友情链接*/
.qf_blog_content_right_link{margin: .5rem;background-color: #fff;border-radius:10px}
.qf_blog_content_right_link h2{
    padding: .5rem 1rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_link ol li{padding: .5rem 1rem; font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1AA195; list-style: decimal-leading-zero inside;font-style: oblique;}
.qf_blog_content_right_link ol li a{
    color: #666;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.qf_blog_content_right_link ol li a:hover{
    color: #1AA195;
}

/*网站统计*/
.qf_blog_content_right_count{margin: .5rem;background-color: #fff;border-radius:10px}
.qf_blog_content_right_count h2{
    padding: .5rem 1rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_content_right_count ul li{padding: 5px 15px; font-size: 1.4rem;
    color: #1AA195; }

/*博客底部统一样式*/
.qf_blog_footer{padding:1rem 0; background-color: #393D49;color: #999;margin-top: 2rem; font-size: 1.2qrem;}
.qf_blog_footer div a{color: #999; }
.qf_blog_footer div a:hover{color: #1AA195;}

/*遮罩层*/
.qf_blog_mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

/*首页轮播*/
.qf_blog_index_carousel_left{
    margin-top: 80px;
    height: 200px;
    border-radius:10px;
}
.qf_blog_index_carousel_left  div.carousel img{
    width: 100%;
    height: 100%;
}
/*我的名片*/
.qf_blog_index_carousel_right{ margin: 5px ;}
.qf_blog_index_carousel_right_my{margin: 5px; background-color: #fff; padding: 0 5px;border-radius:10px;}
.qf_blog_index_carousel_right_my h2{
    text-align: left;
    padding: 5px 5px;
    font-size: 1.6rem;
    border-bottom: 1px solid #eee;
}
.qf_blog_index_carousel_right_my h2.subscribe{  border-bottom: none;  border-top: 1px solid #eee;  }
.qf_blog_index_carousel_right_my ul li{padding: 5px 15px;  font-size: 1.2rem;}
.qf_blog_index_carousel_right_my ul li a{  cursor: pointer;  font-size: 1.4rem; margin: 0 .5rem;}

/*文章首页列表*/
.qf_blog_index_content_left blockquote{
    padding: 1rem 2rem;  background-color: #eee;
    margin-top: 1rem;
}
.blog_list{ margin: 0 .5rem;}
.blog_list .blog_pic{padding:1rem; border-bottom: 1px solid #eee;background-color: #fff;
    margin: .5rem 0;   border-left: 2px solid #fff;}
.blog_list .blog_pic:hover{
    background-color:#FCFCFC;
    border-left: 2px solid #1AA195;
    -webkit-transition: all .5s;transition: all .5s;}

.blog_list .blog_pic .reprint{
    background-color: #FF5722;
    font-size: 1rem;
    position: relative;
    top: -1px;
}
.blog_list .blog_pic .title{font-size: 1.6rem; display: inline-block; margin-left: 1rem; }
.blog_list .blog_pic .title a:hover{color:#1AA195 ;-webkit-transition: all .5s;transition: all .5s;}
.blog_list .blog_pic .desc{
    font-size: 1.2rem;
    text-indent: 2em;
    padding: 5px;
    line-height: 25px;
    max-height: none;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.blog_list .blog_pic .data{
    margin-top: 1rem;
    padding:0 .5rem;
    text-align: right;
}
.blog_list .blog_pic .data span{margin: 0 1rem;}
.qf_blog_index_page{text-align: center; margin: .5rem 1rem;}

.qf_blog_wx{
    display: inline-block;
}
.qf_blog_wx_code {
    position: absolute;top:20px;right:20%;
}
/*详情页面样式*/
.qf_blog_detail_content{
    margin-top: 6rem;
}
.qf_blog_detail_content_left{ margin:  0 .5rem; padding: .5rem ;   background-color: #fff; border: 1px solid #eee;}
.qf_blog_detail_content_left .layui-elem-quote{margin-top: 1rem; }
.qf_blog_detail_content_left  h2{font-size: 1.6rem; text-align: center; padding: .5rem; margin-bottom: .5rem; }
.qf_blog_detail_content_left .tag{text-align: center; padding:  .5rem ; border: 1px solid #eee;}
.qf_blog_detail_content_left .tag span{
    padding: .5rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
}
.qf_blog_detail_content_left>.content{
    margin-top: 1rem;
    border-top: 1px solid #1AA195;
    border-bottom: 1px solid #1AA195;
}
.qf_blog_detail_content_left .content p{
  /*  line-height: 3rem;*/
    font-size: 1.2rem;
}
.qf_blog_detail_content_left .other{
    padding: 1rem;
}
.qf_blog_detail_content_left .other  {
    margin-top: .5rem;
    padding: .5rem 0;
}
.qf_blog_detail_content_left .other div.prev, .qf_blog_detail_content_left .other div.next{
    font-size: 1.2rem;
    padding: .5rem .5rem;
}
.qf_blog_detail_content_left .explain{
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem 2rem;
    line-height: 2.5rem;
}
.qf_blog_detail_content_left>.article_common{
    margin-top: 1rem;
}
.qf_blog_detail_content_left>.article_common>.article_common_submit{
    float: right;
    margin-top: 1rem;
}
/*关于页面*/
.qf_blog_about_content{
    margin-top: 6rem;
}
.qf_blog_about_content_left{padding: 5px 10px;
    background-color: #fff; border: 1px solid #eee;
    margin:  0 .5rem;
}
.qf_blog_about_content_left .about h2{
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #1AA195;
    font-size: 1.6rem;
    font-weight: bold;
}
.qf_blog_about_content_left .about .my_info p,.qf_blog_about_content_left .about .blog_info{
    font-size: 1.2rem;
    line-height: 2.5rem;
    text-indent: 1em;
}
/*微语页面样式*/
.qf_blog_said_content{
    margin-top: 6rem;
}
.qf_blog_said_content_left{padding: .5rem 1rem; margin:  0 .5rem;
    background-color: #fff; border: 1px solid #eee;
}
.qf_blog_said_content_left .about h2{
    padding: 10px 15px;
    border-bottom: 1px solid #1AA195;
    font-size: 16px;
    font-weight: bold;
}
.qf_blog_said_content_left .about .my_info p,.qf_blog_about_content_left .about .blog_info{
    line-height: 35px;
    text-indent: 1em;
}

.qf_blog_said_index_h3_time{
    display: inline-block;
}
.qf_blog_said_index_zan{margin:  0 2rem; display: inline-block;  position: absolute; top: .1rem; }
.qf_blog_said_index_zan i{font-size: 2.4rem; margin: 0 .5rem; }
.qf_blog_said_index_zan i:hover{
    cursor: pointer;
    color: #FF5722;
}
.qf_blog_said_index_zan span{position: relative;
    top:-.4rem; right: 0;}


/*留言板页面样式*/
.qf_blog_message_content{
    margin-top: 6rem;
}
.qf_blog_message_content_left{  background-color: #fff; border: 1px solid #eee; margin:  0 5px;}
.qf_blog_message_content_left .message .message_submit{
    float: right;
   margin: 10px 15px;
}
.message_list{
    clear: both;
    margin: 5px 0;
}
.message_list h2.mess_new{
    font-size: 16px; font-weight: bold;
    color: #000;
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #1AA195;
}

.message_parent{
    border-bottom: 1px solid #eee;
    margin:  5px 0;
}
.message_parent:hover{
    background-color: #FCFCFC;
}
.message_parent_left{
    text-align: center; padding: 5px 0;
}
.message_parent_left img{
    width: 4rem;
    height: auto;
}
.message_parent_right{
    padding-left: 1rem;
}
.message_parent_right div{
    margin: 5px 0;
}
.message_parent_right .top .name {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1AA195;
}

.message_parent_right .top .os {
     color: #1AA195;
 }


.message_parent_right div.top .time{
    font-size: 1rem;
    margin-left: 1rem;
    color: red;
    margin-right: 1rem;
}
.message_parent_right .content {
    color: #0a0a0a;
    padding: 0 .5rem;
}
.message_parent_right .bottom span{
    font-size: 1.4rem;
    margin-right: 1.5rem;
    margin-left: .5rem;
    color: #aaa;
}
.message_parent_right .bottom span:hover{
    color: #0a0a0a;
    cursor: pointer;
}
.message_children{
    border-bottom: 1px solid #eee;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3rem;
}
.message_children:hover{
    background-color: #FCFCFC;
}
.message_children_left{
    text-align: center; padding: 5px 0;
}
.message_children_left img{
    width: 4rem;
    height: auto;
}
.message_children_right{
    padding-left: 1rem;
}
.message_children_right div{
    margin: 5px 0;
}
.message_children_right .top .name {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1AA195;
}
.message_children_right .top .os {
    color: #1AA195;
}
.message_children_right div.top .time{
    font-size: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    color: red;
}
.message_children_right .content {
    color: #0a0a0a;
    padding: 0 .5rem;
}
.message_children_right .bottom span{
    font-size: 1.4rem;
    margin-right: 1.5rem;
    margin-left: .5rem;
    color: #aaa;
}
.message_children_right .bottom span:hover{
    color: #0a0a0a;
    cursor: pointer;
}
/*登陆页面*/
.qf_blog_login {
    margin-top: 6rem;
}
.qf_blog_login_app .iconfont{font-size:26px; padding: 0 5px;}
.qf_blog_login_app .icon-qq{color:#7CA9C9}
/*注册页面*/
.qf_blog_reg {
    margin-top: 6rem;
}
.qf_blog_reg_app .iconfont{font-size:26px; padding: 0 5px;}
.qf_blog_reg_app .icon-qq{color:#7CA9C9}
}
/*网站底部*/
.blog-footer {
    text-align: center;
    border-top: 1px solid #FF5722;
    margin-top: 30px;
    padding: 10px 0;
}
.blog-footer a:hover {
    color: #d2d2d2;
}

.blog-footer > p {
    margin: 10px 0;
}

.blog-footer > p a,
.blog-footer > p span {
    padding-left: 7px;
}